<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="style.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_424631_adnosynma2vmfgvi.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_424631_ixk3tbe7wfgk3xr.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_424631_4ff3xknf0o9io1or.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_424631_exbeo9stcx4xi529.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_424631_rxi48tyukzgjh5mi.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_424631_zv6cj2ubvktsxlxr.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_424631_3tfpvpqm423mcxr.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_424631_r53swo8fj9aa714i.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_424631_g4nc7fgbqsq0k9.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_424631_w79u4ch7xfrms4i.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_424631_gx7quindxdvaemi.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_424631_ff9ltnsliwvwvcxr.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_424631_0oqy796lz9gm0a4i.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_424631_ts1twmvy5zmpldi.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_424631_aca8f9rmidpctyb9.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_424631_1igt1qxwej3jtt9.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_424631_0axxjx0ddh5dygb9.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_424631_046q22f76nu3di.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_424631_51qsceykj8rrudi.css"/>
	</head>
	<body>
		<!--头部-->
		<div class="banner"><a href="#">红米5X 红色版首发</a></div>
		<div class="top">
			<div class="navbar cf">
				<div class="nav-left">
						<a href="#">大米商城</a>
						<span class="var">|</span>
						<a href="#">DAMI</a>
						<span class="var">|</span>
						<a href="#">米聊</a>
						<span class="var">|</span>
						<a href="#">游戏</a>
						<span class="var">|</span>
						<a href="#">多看阅读</a>
						<span class="var">|</span>
						<a href="#">云服务</a>
						<span class="var">|</span>
						<a href="#">金融</a>
						<span class="var">|</span>
						<a href="#">大米商城移动版</a>
						<span class="var">|</span>
						<a href="#">问题反馈</a>
						<span class="var">|</span>
						<a href="#">Select Refion</a>
				</div>
				<div class="nav-last">
						<a href="#">购物车(0)</a>
						<div class="sub">购物车中还没有商品，赶紧选购吧！</div>
				</div>
				<div class="nav-right">
						<a href="#">登录</a>
						<span class="var">|</span>
						<a href="#">注册</a>
						<span class="var">|</span>
						<a href="#">消息通知</a>
				</div>
			</div>
		</div>
		
		<!--header-->
		<div class="header cf">
			<div class="mi-logo">MI</div>
			<div class="header-search cf">
				<input type="submit" id="sub" value=" " /><span class="iconfont icon-sousuo1 icon"></span>
				<input type="text" id="txt"/>
			</div>
			<div class="header-nav cf">
				<a href="#"><img src="images/lunbo/ad.gif"/></a>
				<div class="header-list">
					<a href="#" class="has-sub">大米手机</a>
					<a href="#" class="has-sub">红米</a>
					<a href="#" class="has-sub">平板·笔记本</a>
					<a href="#" class="has-sub">电视</a>
					<a href="#" class="has-sub">盒子·影音</a>
					<a href="#">路由器</a>
					<a href="#" class="has-sub">智能硬件</a>
					<a href="#">服务</a>
					<a href="#">社区</a>
				</div>
			</div>
			
		</div>
		<!--头部导航移入呈现-->
		<!--<div class="box">-->	
			<div class="show-bar" >
				<div class="show cf" >
					<ul>
						<li class="first">
							<ul>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show001.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show002.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show003.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show004.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show005.jpg"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show006.jpg"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
							</ul>
						</li>
						<!--第二个-->
						<li class="first">
							<ul>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show001.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show002.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show003.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show004.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								
							</ul>
						</li>
						<!--第三个-->
						<li class="first">
							<ul>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show001.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show002.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show003.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show004.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								
							</ul>
						</li>
						<!--第四个-->
						<li class="first">
							<ul>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show001.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show002.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show003.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show004.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show005.jpg"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show006.jpg"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
							</ul>
						</li>
						<!--第五个-->
						<li class="first">
							<ul>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show001.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show002.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show003.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show004.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
							</ul>
						</li>
						<!--第六个-->
						<li class="first">
							<ul>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show001.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show002.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show003.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show004.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show005.jpg"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show006.jpg"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
							</ul>
						</li>
						<!--第七个-->
						<li class="first">
							<ul>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show001.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show002.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show003.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show004.png"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show005.jpg"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
								<li class="show-column"></li>
								<li class="show-one">
									<p class="new-show">新品</p>
									<img src="images/show-video/show006.jpg"/>
									<p class="show-title">小米MIX 2</p>
									<p class="show-price">3299起</p>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		<!--</div>-->
		<!--轮播-->
		<div class="lunbo">
			<ul class="lunbo-img">
				<li><a href="#"><img src="images/lunbo/xmad_15047918214756_FTUgm.jpg"/></a></li>
				<li><a href="#"><img src="images/lunbo/xmad_15058906332794_gQDJX.jpg"/></a></li>
				<li><a href="#"><img src="images/lunbo/xmad_15088407142731_cSDVI.jpg"/></a></li>
				<li><a href="#"><img src="images/lunbo/xmad_15089303073348_sAUOi.jpg"/></a></li>
				<li><a href="#"><img src="images/lunbo/xmad_15090207901626_rbGFv.jpg"/></a></li>
				<li><a href="#"><img src="images/lunbo/xmad_1509021435642_OLwaR.jpg"/></a></li>
			</ul>
			<ul class="list">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
			<div class="zuoyou">
				<div class="iconfont icon-arrow-left zuo"></div>
				<div class="iconfont icon-jiantou you"></div>
			</div>
			<div class="side-nav">
				<ul class="side-list">
					<li>手机 电话卡<span class="iconfont icon-you youjian"></span></li>
					<li>笔记本<span class="iconfont icon-you youjian"></span></li>
					<li>电视 盒子<span class="iconfont icon-you youjian"></span></li>
					<li>路由器 智能硬件<span class="iconfont icon-you youjian"></span></li>
					<li>移动电源 电池 插线板<span class="iconfont icon-you youjian"></span></li>
					<li>耳机 音箱<span class="iconfont icon-you youjian"></span></li>
					<li>保护套 贴膜<span class="iconfont icon-you youjian"></span></li>
					<li>线材 支架 存储卡<span class="iconfont icon-you youjian"></span></li>
					<li>箱包 服饰 鞋 眼镜<span class="iconfont icon-you youjian"></span></li>
					<li>米兔 生活周边<span class="iconfont icon-you youjian"></span></li>
				</ul>
			</div>
			
			<!--轮播左侧移入事件-->
			<div class="nav-list">
				<ul id="nav-ul">
					<!--第一个-->
					<li class="nav-item cf">
						<ul>
							<li class="side-one cf">
								<img src="images/lunbo/pic001.png"/>
								<p class="side-title"><a href="#">小米Note 3</a></p>
								<p class="shopping">选购</p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic001.png"/>
								<p class="side-title"><a href="#">小米Note 3</a></p>
								<p class="shopping">选购</p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic001.png"/>
								<p class="side-title"><a href="#">小米Note 3</a></p>
								<p class="shopping">选购</p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic001.png"/>
								<p class="side-title"><a href="#">小米Note 3</a></p>
								<p class="shopping">选购</p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic001.png"/>
								<p class="side-title"><a href="#">小米Note 3</a></p>
								<p class="shopping">选购</p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic001.png"/>
								<p class="side-title"><a href="#">小米Note 3</a></p>
								<p class="shopping">选购</p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic001.png"/>
								<p class="side-title"><a href="#">小米Note 3</a></p>
								<p class="shopping">选购</p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic001.png"/>
								<p class="side-title"><a href="#">小米Note 3</a></p>
								<p class="shopping">选购</p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic001.png"/>
								<p class="side-title"><a href="#">小米Note 3</a></p>
								<p class="shopping">选购</p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic001.png"/>
								<p class="side-title"><a href="#">小米Note 3</a></p>
								<p class="shopping">选购</p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic001.png"/>
								<p class="side-title"><a href="#">小米Note 3</a></p>
								<p class="shopping">选购</p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic001.png"/>
								<p class="side-title"><a href="#">小米Note 3</a></p>
								<p class="shopping">选购</p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic001.png"/>
								<p class="side-title"><a href="#">小米Note 3</a></p>
								<p class="shopping">选购</p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic001.png"/>
								<p class="side-title"><a href="#">小米Note 3</a></p>
								<p class="shopping">选购</p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic001.png"/>
								<p class="side-title"><a href="#">小米Note 3</a></p>
								<p class="shopping">选购</p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic001.png"/>
								<p class="side-title"><a href="#">小米Note 3</a></p>
								<p class="shopping">选购</p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic001.png"/>
								<p class="side-title"><a href="#">小米Note 3</a></p>
								<p class="shopping">选购</p>
							</li>
						</ul>
					</li>
					<!--第二个-->
					<li class="nav-item cf">
						<ul>
							<li class="side-one cf">
								<img src="images/lunbo/pic002.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic002.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic002.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic002.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic002.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic002.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic002.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic002.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic002.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic002.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic002.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic002.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic002.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic002.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic002.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic002.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
						</ul>
					</li>
					<!--第三个-->
					<li class="nav-item-all cf">
						<ul class="nav-one">
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
						</ul>
						<ul class="nav-one">
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
						</ul>
						<ul class="nav-one">
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
						</ul>
						<ul class="nav-one">
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
						</ul>
					</li>
					<!--第四个-->
					<li class="nav-item-all cf">
						<ul class="nav-one">
							<li class="side-one cf">
								<img src="images/lunbo/pic004.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic004.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic004.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic004.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic004.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic004.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
						</ul>
						<ul class="nav-one">
							<li class="side-one cf">
								<img src="images/lunbo/pic004.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic004.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic004.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic004.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic004.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic004.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
						</ul>
						<ul class="nav-one">
							<li class="side-one cf">
								<img src="images/lunbo/pic004.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic004.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic003.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
						</ul>
					</li>	
					<!--第五个-->
					<li class="nav-item-two cf">
						<ul class="nav-one">
							<li class="side-one cf">
								<img src="images/lunbo/pic005.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic005.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic005.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic005.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic005.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic005.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
						</ul>
						<ul class="nav-one">
							<li class="side-one cf">
								<img src="images/lunbo/pic005.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
						</ul>
					</li>
					<!--第六个-->
					<li class="nav-item-all cf">
						<ul class="nav-one">
							<li class="side-one cf">
								<img src="images/lunbo/pic006.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic006.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic006.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic006.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic006.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic006.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
						</ul>
						<ul class="nav-one">
							<li class="side-one cf">
								<img src="images/lunbo/pic006.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic006.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic006.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic006.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic006.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic006.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
						</ul>
						<ul class="nav-one">
							<li class="side-one cf">
								<img src="images/lunbo/pic006.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic006.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic006.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic006.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic006.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic006.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
						</ul>
						<ul class="nav-one">
							<li class="side-one cf">
								<img src="images/lunbo/pic006.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
						</ul>
					</li>	
					<!--第七个-->
					<li class="nav-item-one cf">
						<ul class="nav-one">
							<li class="side-one cf">
								<img src="images/lunbo/pic007.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic007.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
						</ul>
					</li>
					<!--第八个-->
					<li class="nav-item-one cf">
						<ul class="nav-one">
							<li class="side-one cf">
								<img src="images/lunbo/pic005.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic005.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic005.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic005.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
						</ul>
					</li>
					<!--第九个-->
					<li class="nav-item-one cf">
						<ul class="nav-one">
							<li class="side-one cf">
								<img src="images/lunbo/pic009.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic009.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic009.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic009.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic009.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
						</ul>
					</li>
					<!--第十个-->
					<li class="nav-item-one cf">
						<ul class="nav-one">
							<li class="side-one cf">
								<img src="images/lunbo/pic010.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic010.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic010.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic010.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
							<li class="side-one cf">
								<img src="images/lunbo/pic010.jpg"/>
								<p class="compurter"><a href="#">笔记本Air 12.5"</a></p>
							</li>
						</ul>
					</li>
				</ul>
			</div>
			<!--轮播左侧移入事件结束-->	
		</div>
		
		<!--大米功能区-->
		<div class="user cf">
			<div class="user-left cf">
				<ul class="user-list">
					<li><a href="#"><i class="iconfont icon-shouji shouji"></i> <br>选购手机</a></li>
					<li><a href="#"><i class="iconfont icon-liwu liwu"></i><br>企业团购</a></li>
					<li><a href="#"><i class="iconfont icon-yiyuan yiyuan"></i><br>一元活动</a></li>
					<li><a href="#"><i class="iconfont icon-cunchuqia cunchu"></i><br>米粉卡</a></li>
					<li><a href="#"><i class="iconfont icon-yijiuhuanxin huanxin"></i><br>依旧换新</a></li>
					<li><a href="#"><i class="iconfont icon-fufeihuati huafei"></i><br>话费充值</a></li>
				</ul>
			</div>
			<div><a href="#"><img src="images/gongnengqu/icon1.jpg"/></a></div>
			<div><a href="#"><img src="images/gongnengqu/icon2.jpg"/></a></div>
			<div><a href="#"><img src="images/gongnengqu/icon3.jpg"/></a></div>
		</div>
		<!--小米明星单品-->
		<div class="star">
			<div class="star-top cf">
				<div class="star-title">小米明星单品</div>
				<div class="star-jiantou">
					<span><i class="iconfont icon-zuoyoujiantou zuojiantou" id="toLeft"></i></span><span><i class="iconfont icon-you youjiantou " id="toRight"></i></span>
				</div>
			</div>
			<div class="star-content cf">
				<div class="lang-list">
					<ul class="list-left cf">
						<li class="star-item">
							<img src="images/starproduct/icon1.png"/>
							<h3 class="item-title">小米Max 2 </h3>
							<p class="item-info">大屏大电量，享多重好礼</p>
							<p class="item-price">1399元起</p>
						</li>
						<li class="star-item">
							<img src="images/starproduct/icon2.png"/>
							<h3 class="item-title">红米Note 4X </h3>
							<p class="item-info">4100mAh超长续航，多彩金属</p>
							<p class="item-price">999元起</p>
						</li>
						<li class="star-item">
							<img src="images/starproduct/icon3.png"/>
							<h3 class="item-title">红米4X</h3>
							<p class="item-info">4100mAh超长续航，8 核处理器</p>
							<p class="item-price">699元起</p>
						</li>
						<li class="star-item">
							<img src="images/starproduct/icon4.png"/>
							<h3 class="item-title">小米电视4A 43英寸 标准版</h3>
							<p class="item-info">全高清HDR  四核高性能处理器 </p>
							<p class="item-price">1899元</p>
						</li>
						<li class="star-item">
							<img src="images/starproduct/icon5.png"/>
							<h3 class="item-title">小米笔记本</h3>
							<p class="item-info">更轻更薄，像杂志一样随身携带</p>
							<p class="item-price">3599元起</p>
						</li>
					</ul>	
						
					<ul class="list-right cf">
						<li class="star-item">
							<img src="images/starproduct/icon6.png"/>
							<h3 class="item-title">米家智能摄像机云台版</h3>
							<p class="item-info">红外夜视，720P分辨率</p>
							<p class="item-price">199元</p>
						</li>
						<li class="star-item">
							<img src="images/starproduct/icon7.png"/>
							<h3 class="item-title">小米手环 2</h3>
							<p class="item-info">OLED 显示屏幕，升级计步算法</p>
							<p class="item-price">149元</p>
						</li>
						<li class="star-item">
							<img src="images/starproduct/icon8.jpg"/>
							<h3 class="item-title">米家压力IH电饭煲</h3>
							<p class="item-info">智能烹饪，压力IH加热技术</p>
							<p class="item-price">999元</p>
						</li>
						<li class="star-item">
							<img src="images/starproduct/icon9.png"/>
							<h3 class="item-title">米家空气净化器Pro</h3>
							<p class="item-info">OLED显示屏幕，激光颗粒物传感器</p>
							<p class="item-price">1499元</p>
						</li>
						<li class="star-item">
							<img src="images/starproduct/icon10.png"/>
							<h3 class="item-title">小米路由器3</h3>
							<p class="item-info">更快更强，不止四天线</p>
							<p class="item-price">119元</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--主要内容-->
		<div class="mi-main">
			<!--家电-->
			<div class="home-jd">
				<div class="home-top">
					<p class="home-title">家电</p>
					<div class="home-nav">
						<a href="#">热门</a>
						<a href="#">电视影音</a>
						<a href="#">电脑</a>
						<a href="#">家居</a>
					</div>
				</div>
				<div class="box-jd">
					<div class="big-pic">
						<a href="#"><img src="images/jiadian/bigpic.jpg"/></a>
					</div>
					<div class="box-wrap">	
						<div class="right-info cf">
							<ul>
								<li class="right-item">
									<p class="zhekou">享9折</p>
									<img src="images/jiadian/pic1.jpg"/>
									<h3 class="info-title">小米电视4A 32"</h3>
									<p class="info">64位四核处理器／1GB+4GB大内存</p>
									<p class="price"><span class="now">999元</span> <span class="del">1999元</span></p>
								<!--上滑出现内容-->
									<div class="down">
										<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
										<p class="info-2">  来自于 71620732啊 的评价  </p>
									</div>
								</li>
								<li class="right-item">
									<p class="zhekou">享9折</p>
									<img src="images/jiadian/pic2.png"/>
									<h3 class="info-title">小米电视4A 49英寸 标准版</h3>
									<p class="info">2GB+8GB 大储存／全高清HDR</p>
									<p class="price"><span class="now">1999元</span> <span class="del">2399元</span></p>
									<div class="down">
										<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
										<p class="info-2">  来自于 71620732啊 的评价  </p>
									</div>
								</li>
								<li class="right-item">
									<p class="xinpin">新品</p>
									<img src="images/jiadian/pic3.jpg"/>
									<h3 class="info-title">小米笔记本Pro 15.6英寸 </h3>
									<p class="info">全金属强化机身/FHD全贴合屏幕</p>
									<p class="price"><span class="now">5599元</span> </p>
									<div class="down">
										<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
										<p class="info-2">  来自于 71620732啊 的评价  </p>
									</div>
								</li>
								<li class="right-item">
									<img src="images/jiadian/pic4.jpg"/>
									<h3 class="info-title">小米笔记本Air 13.3" i7处理器 </h3>
									<p class="info">Intel酷睿i7处理器，8GB内存+256GB</p>
									<p class="price"><span class="now">5599元</span> </p>
									<div class="down">
										<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
										<p class="info-2">  来自于 71620732啊 的评价  </p>
									</div>
								</li>
								<li class="right-item mar-top">
									<img src="images/jiadian/pic5.jpg"/>
									<h3 class="info-title">米家恒温电水壶</h3>
									<p class="info">水温智能控制，304 不锈钢内胆</p>
									<p class="price"><span class="now">199元</span> </p>
									<div class="down">
										<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
										<p class="info-2">  来自于 71620732啊 的评价  </p>
									</div>
								</li>
								<li class="right-item mar-top">
									<p class="xinpin">新品</p>
									<img src="images/jiadian/pic6.jpg"/>
									<h3 class="info-title">智米全直流变频空调 </h3>
									<p class="info">一级能效，强劲冷暖</p>
									<p class="price"><span class="now">4399元</span> </p>
								</li>
								<li class="right-item mar-top">
									<img src="images/jiadian/pic7.jpg"/>
									<h3 class="info-title">小米净水器（厨下式）</h3>
									<p class="info">大流量直出纯净水，健康家庭必备</p>
									<p class="price"><span class="now">1999元</span> </p>
									<div class="down">
										<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
										<p class="info-2">  来自于 71620732啊 的评价  </p>
									</div>
								</li>
								<li class="right-item1 mar-top">
									<div class="bai-top cf">
										<div class="xiaobai">
											<h3 class="info-title1">小白摄像机</h3>
											<p class="price"><span class="now">399元</span></p>
										</div>	
										<p class="img"><img src="images/jiadian/pic8.jpg"/></p>
									</div>
									<div class="hot-bottom cf">
										<div class="hot">
											<h3 class="info-title2">浏览更多</h3>
											<p class="info">热门</p>
										</div>	
										<p class="iconfont icon-jiantouyou1 img-jiantou"></p>
									</div>
								</li>
							</ul>

						</div>
						
					</div>
				</div>
			</div>
			<!--智能-->
			<div class="box-zn">
				<div class="home-top">
					<p class="home-title">智能</p>
					<div class="box-nav">
						<a href="#">热门</a>
						<a href="#">出行</a>
						<a href="#">健康</a>
						<a href="#">酷玩</a>
						<a href="#">路由器</a>
					</div>
				</div>
				<div class="zn-main cf">
					<div class="two-pic">
						<p class="top-img"><a href="#"><img src="images/zhineng/xmad_1506079175852_RTDvC.jpg"/></a></p>
						<p class="last-img"><a href="#"><img src="images/zhineng/xmad_15021710762698_QXnBu.jpg"/></a></p>
					</div>
					<div class="right-info zn-right cf">
						<ul>
							<li class="right-item">
								<p class="xinpin">新品</p>
								<img src="images/zhineng/icon01.jpg"/>
								<h3 class="info-title">小米AI音箱</h3>
								<!--<p class="info">64位四核处理器／1GB+4GB大内存</p>-->
								<p class="price zn-price"><span class="now">299元</span></p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item">
								<p class="xinpin">新品</p>
								<img src="images/zhineng/icon02.jpg"/>
								<h3 class="info-title">米家床头灯</h3>
								<p class="info">如梦如幻，多彩光世界</p>
								<p class="price"><span class="now">249元</span></p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item">
								<p class="xinpin">新品</p>
								<img src="images/zhineng/icon03.jpg"/>
								<h3 class="info-title">小白智能摄像机大众版 </h3>
								<p class="info">看得更清，看得更远</p>
								<p class="price"><span class="now">109元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item">
								<p class="mianyou">免邮费</p>
								<img src="images/jiadian/pic4.jpg"/>
								<h3 class="info-title">小米笔记本Air 13.3" i7处理器 </h3>
								<p class="info">Intel酷睿i7处理器，8GB内存+256GB</p>
								<p class="price"><span class="now">5599元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item mar-top">
								<img src="images/jiadian/pic5.jpg"/>
								<h3 class="info-title">米家恒温电水壶</h3>
								<p class="info">水温智能控制，304 不锈钢内胆</p>
								<p class="price"><span class="now">199元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item mar-top">
								<img src="images/jiadian/pic6.jpg"/>
								<h3 class="info-title">智米全直流变频空调 </h3>
								<p class="info">一级能效，强劲冷暖</p>
								<p class="price"><span class="now">4399元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item mar-top">
								<img src="images/jiadian/pic7.jpg"/>
								<h3 class="info-title">小米净水器（厨下式）</h3>
								<p class="info">大流量直出纯净水，健康家庭必备</p>
								<p class="price"><span class="now">1999元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item1 mar-top">
								<div class="bai-top cf">
									<div class="xiaobai">
										<h3 class="info-title1">小白摄像机</h3>
										<p class="price"><span class="now">399元</span></p>
									</div>	
									<p class="img"><img src="images/jiadian/pic8.jpg"/></p>
								</div>
								<div class="hot-bottom cf">
									<div class="hot">
										<h3 class="info-title2">浏览更多</h3>
										<p class="info">热门</p>
									</div>	
									<p class="iconfont icon-jiantouyou1 img-jiantou"></p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			
			<!--搭配-->
			<div class="box-zn">
				<div class="home-top">
					<p class="home-title">搭配</p>
					<div class="box-nav">
						<a href="#">热门</a>
						<a href="#">耳机音响</a>
						<a href="#">电源</a>
						<a href="#">电池存储</a>
					</div>
				</div>
				<div class="zn-main cf">
					<div class="two-pic">
						<p class="top-img"><a href="#"><img src="images/zhineng/xmad_1506079175852_RTDvC.jpg"/></a></p>
						<p class="last-img"><a href="#"><img src="images/zhineng/xmad_15021710762698_QXnBu.jpg"/></a></p>
					</div>
					<div class="right-info zn-right cf">
						<ul>
							<li class="right-item">
								<p class="xinpin">新品</p>
								<img src="images/zhineng/icon01.jpg"/>
								<h3 class="info-title">小米AI音箱</h3>
								<!--<p class="info">64位四核处理器／1GB+4GB大内存</p>-->
								<p class="price zn-price"><span class="now">299元</span></p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item">
								<p class="xinpin">新品</p>
								<img src="images/zhineng/icon02.jpg"/>
								<h3 class="info-title">米家床头灯</h3>
								<p class="info">如梦如幻，多彩光世界</p>
								<p class="price"><span class="now">249元</span></p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item">
								<p class="xinpin">新品</p>
								<img src="images/zhineng/icon03.jpg"/>
								<h3 class="info-title">小白智能摄像机大众版 </h3>
								<p class="info">看得更清，看得更远</p>
								<p class="price"><span class="now">109元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item">
								<p class="mianyou">免邮费</p>
								<img src="images/jiadian/pic4.jpg"/>
								<h3 class="info-title">小米笔记本Air 13.3" i7处理器 </h3>
								<p class="info">Intel酷睿i7处理器，8GB内存+256GB</p>
								<p class="price"><span class="now">5599元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item mar-top">
								<img src="images/jiadian/pic5.jpg"/>
								<h3 class="info-title">米家恒温电水壶</h3>
								<p class="info">水温智能控制，304 不锈钢内胆</p>
								<p class="price"><span class="now">199元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item mar-top">
								<img src="images/jiadian/pic6.jpg"/>
								<h3 class="info-title">智米全直流变频空调 </h3>
								<p class="info">一级能效，强劲冷暖</p>
								<p class="price"><span class="now">4399元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item mar-top">
								<img src="images/jiadian/pic7.jpg"/>
								<h3 class="info-title">小米净水器（厨下式）</h3>
								<p class="info">大流量直出纯净水，健康家庭必备</p>
								<p class="price"><span class="now">1999元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item1 mar-top">
								<div class="bai-top cf">
									<div class="xiaobai">
										<h3 class="info-title1">小白摄像机</h3>
										<p class="price"><span class="now">399元</span></p>
									</div>	
									<p class="img"><img src="images/jiadian/pic8.jpg"/></p>
								</div>
								<div class="hot-bottom cf">
									<div class="hot">
										<h3 class="info-title2">浏览更多</h3>
										<p class="info">热门</p>
									</div>	
									<p class="iconfont icon-jiantouyou1 img-jiantou"></p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--配件-->
			<div class="box-zn">
				<div class="home-top">
					<p class="home-title">配件</p>
					<div class="box-nav">
						<a href="#">热门</a>
						<a href="#">耳机音响</a>
						<a href="#">电源</a>
						<a href="#">电池存储</a>
					</div>
				</div>
				<div class="zn-main cf">
					<div class="two-pic">
						<p class="top-img"><a href="#"><img src="images/zhineng/xmad_1506079175852_RTDvC.jpg"/></a></p>
						<p class="last-img"><a href="#"><img src="images/zhineng/xmad_15021710762698_QXnBu.jpg"/></a></p>
					</div>
					<div class="right-info zn-right cf">
						<ul>
							<li class="right-item">
								<!--<p class="xinpin">新品</p>-->
								<img src="images/zhineng/icon01.jpg"/>
								<h3 class="info-title">小米AI音箱</h3>
								<!--<p class="info">64位四核处理器／1GB+4GB大内存</p>-->
								<p class="price zn-price"><span class="now">299元</span></p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item">
								<!--<p class="xinpin">新品</p>-->
								<img src="images/zhineng/icon02.jpg"/>
								<h3 class="info-title">米家床头灯</h3>
								<p class="info">如梦如幻，多彩光世界</p>
								<p class="price"><span class="now">249元</span></p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item">
								<!--<p class="xinpin">新品</p>-->
								<img src="images/zhineng/icon03.jpg"/>
								<h3 class="info-title">小白智能摄像机大众版 </h3>
								<p class="info">看得更清，看得更远</p>
								<p class="price"><span class="now">109元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item">
								<!--<p class="mianyou">免邮费</p>-->
								<img src="images/jiadian/pic4.jpg"/>
								<h3 class="info-title">小米笔记本Air 13.3" i7处理器 </h3>
								<p class="info">Intel酷睿i7处理器，8GB内存+256GB</p>
								<p class="price"><span class="now">5599元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item mar-top">
								<img src="images/jiadian/pic5.jpg"/>
								<h3 class="info-title">米家恒温电水壶</h3>
								<p class="info">水温智能控制，304 不锈钢内胆</p>
								<p class="price"><span class="now">199元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item mar-top">
								<img src="images/jiadian/pic6.jpg"/>
								<h3 class="info-title">智米全直流变频空调 </h3>
								<p class="info">一级能效，强劲冷暖</p>
								<p class="price"><span class="now">4399元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item mar-top">
								<img src="images/jiadian/pic7.jpg"/>
								<h3 class="info-title">小米净水器（厨下式）</h3>
								<p class="info">大流量直出纯净水，健康家庭必备</p>
								<p class="price"><span class="now">1999元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item1 mar-top">
								<div class="bai-top cf">
									<div class="xiaobai">
										<h3 class="info-title1">小白摄像机</h3>
										<p class="price"><span class="now">399元</span></p>
									</div>	
									<p class="img"><img src="images/jiadian/pic8.jpg"/></p>
								</div>
								<div class="hot-bottom cf">
									<div class="hot">
										<h3 class="info-title2">浏览更多</h3>
										<p class="info">热门</p>
									</div>	
									<p class="iconfont icon-jiantouyou1 img-jiantou"></p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--周边-->
			<div class="box-zn">
				<div class="home-top">
					<p class="home-title">周边</p>
					<div class="box-nav">
						<a href="#">热门</a>
						<a href="#">耳机音响</a>
						<a href="#">电源</a>
						<a href="#">电池存储</a>
					</div>
				</div>
				<div class="zn-main cf">
					<div class="two-pic">
						<p class="top-img"><a href="#"><img src="images/zhineng/xmad_1506079175852_RTDvC.jpg"/></a></p>
						<p class="last-img"><a href="#"><img src="images/zhineng/xmad_15021710762698_QXnBu.jpg"/></a></p>
					</div>
					<div class="right-info zn-right cf">
						<ul>
							<li class="right-item">
								<p class="xinpin">新品</p>
								<img src="images/zhineng/icon01.jpg"/>
								<h3 class="info-title">小米AI音箱</h3>
								<!--<p class="info">64位四核处理器／1GB+4GB大内存</p>-->
								<p class="price zn-price"><span class="now">299元</span></p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item">
								<p class="xinpin">新品</p>
								<img src="images/zhineng/icon02.jpg"/>
								<h3 class="info-title">米家床头灯</h3>
								<p class="info">如梦如幻，多彩光世界</p>
								<p class="price"><span class="now">249元</span></p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item">
								<p class="xinpin">新品</p>
								<img src="images/zhineng/icon03.jpg"/>
								<h3 class="info-title">小白智能摄像机大众版 </h3>
								<p class="info">看得更清，看得更远</p>
								<p class="price"><span class="now">109元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item">
								<p class="mianyou">免邮费</p>
								<img src="images/jiadian/pic4.jpg"/>
								<h3 class="info-title">小米笔记本Air 13.3" i7处理器 </h3>
								<p class="info">Intel酷睿i7处理器，8GB内存+256GB</p>
								<p class="price"><span class="now">5599元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item mar-top">
								<img src="images/jiadian/pic5.jpg"/>
								<h3 class="info-title">米家恒温电水壶</h3>
								<p class="info">水温智能控制，304 不锈钢内胆</p>
								<p class="price"><span class="now">199元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item mar-top">
								<img src="images/jiadian/pic6.jpg"/>
								<h3 class="info-title">智米全直流变频空调 </h3>
								<p class="info">一级能效，强劲冷暖</p>
								<p class="price"><span class="now">4399元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item mar-top">
								<img src="images/jiadian/pic7.jpg"/>
								<h3 class="info-title">小米净水器（厨下式）</h3>
								<p class="info">大流量直出纯净水，健康家庭必备</p>
								<p class="price"><span class="now">1999元</span> </p>
								<div class="down">
									<p class="info-1">超爱小米！手机电视都是小米，<br>爱小米！爱国产！听说小米...</p>
									<p class="info-2">  来自于 71620732啊 的评价  </p>
								</div>
							</li>
							<li class="right-item1 mar-top">
								<div class="bai-top cf">
									<div class="xiaobai">
										<h3 class="info-title1">小白摄像机</h3>
										<p class="price"><span class="now">399元</span></p>
									</div>	
									<p class="img"><img src="images/jiadian/pic8.jpg"/></p>
								</div>
								<div class="hot-bottom cf">
									<div class="hot">
										<h3 class="info-title2">浏览更多</h3>
										<p class="info">热门</p>
									</div>	
									<p class="iconfont icon-jiantouyou1 img-jiantou"></p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--为你推荐-->
			<div class="starbar star-mar">
				<div class="star-top cf">
					<div class="star-title">为你推荐</div>
					<div class="star-jiantou">
						<span><i class="iconfont icon-zuoyoujiantou zuojiantou" id="forLeft"></i></span><span><i class="iconfont icon-you youjiantou" id="forRight"></i></span>
					</div>
				</div>
				<div class="star-content cf">
					<div class="lang-list lang-li">
						<ul class="list-left cf">
							<li class="star-item tuijian">
								<img src="images/starproduct/icon1.png"/>
								<h3 class="item-title">小米Max 2 </h3>
								<p class="item-info">大屏大电量，享多重好礼</p>
								<p class="item-price">1399元起</p>
								
							</li>
							<li class="star-item tuijian">
								<img src="images/starproduct/icon2.png"/>
								<h3 class="item-title">红米Note 4X </h3>
								<p class="item-info">4100mAh超长续航，多彩金属</p>
								<p class="item-price">999元起</p>
								
							</li>
							<li class="star-item tuijian">
								<img src="images/starproduct/icon3.png"/>
								<h3 class="item-title">红米4X</h3>
								<p class="item-info">4100mAh超长续航，8 核处理器</p>
								<p class="item-price">699元起</p>
								
							</li>
							<li class="star-item tuijian">
								<img src="images/starproduct/icon4.png"/>
								<h3 class="item-title">小米电视4A 43英寸 标准版</h3>
								<p class="item-info">全高清HDR  四核高性能处理器 </p>
								<p class="item-price">1899元</p>
								
							</li>
							<li class="star-item tuijian">
								<img src="images/starproduct/icon5.png"/>
								<h3 class="item-title">小米笔记本</h3>
								<p class="item-info">更轻更薄，像杂志一样随身携带</p>
								<p class="item-price">3599元起</p>
								
							</li>
						</ul>	
							
						<ul class="list-right  cf">
							<li class="star-item tuijian">
								<img src="images/starproduct/icon6.png"/>
								<h3 class="item-title">米家智能摄像机云台版</h3>
								<p class="item-info">红外夜视，720P分辨率</p>
								<p class="item-price">199元</p>
							</li>
							<li class="star-item tuijian">
								<img src="images/starproduct/icon7.png"/>
								<h3 class="item-title">小米手环 2</h3>
								<p class="item-info">OLED 显示屏幕，升级计步算法</p>
								<p class="item-price">149元</p>
							</li>
							<li class="star-item tuijian">
								<img src="images/starproduct/icon8.jpg"/>
								<h3 class="item-title">米家压力IH电饭煲</h3>
								<p class="item-info">智能烹饪，压力IH加热技术</p>
								<p class="item-price">999元</p>
							</li>
							<li class="star-item tuijian">
								<img src="images/starproduct/icon9.png"/>
								<h3 class="item-title">米家空气净化器Pro</h3>
								<p class="item-info">OLED显示屏幕，激光颗粒物传感器</p>
								<p class="item-price">1499元</p>
							</li>
							<li class="star-item tuijian">
								<img src="images/starproduct/icon10.png"/>
								<h3 class="item-title">小米路由器3</h3>
								<p class="item-info">更快更强，不止四天线</p>
								<p class="item-price">119元</p>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--热评产品-->
			<div class="hot-product cf">
				<div class="star-top cf">
					<div class="star-title">热评产品</div>
				</div>
				<div class="product-info cf">
					<ul>
						<li class="pro-item">
							<img src="images/product/icon005.jpg"/>
							<h3 class="pro-title">包装很让人感动，式样也很可爱，做出<br>的饭全家人都爱吃，超爱五星！手机控<br>制还是不太熟练，最主要是没有连接...</h3>
							<p class="pro-info"> 来自于 HZG 的评价 </p>
							<p class="pro-price">
								<span class="IH">米家压力IH电饭煲 </span>
								<span class="col">|</span>
								<span class="color">111元</i></span>
						</li>
						<li class="pro-item">
							<img src="images/product/icon003.jpg"/>
							<h3 class="pro-title">有了它，妈妈再也不用担心我喝不到健<br>康的水了。呵呵，良心产品，平民价<br>格，对现在的水质起到了很好的改善</h3>
							<p class="pro-info">  来自于 爱疯911 的评价  </p>
							<p class="pro-price">
								<span class="IH">小米净水器 </span>
								<span class="col">|</span>
								<span class="color">1299元</i></span>
						</li>
						<li class="pro-item">
							<img src="images/product/icon002.jpg"/>
							<h3 class="pro-title">东西真心不错，用过最好用的插线板，<br>做工外观没得挑剔，3个USB接口很实<br>用，充电快，建议不包邮的应该在...</h3>
							<p class="pro-info">  来自于 yinyin19891117 的评价  </p>
							<p class="pro-price">
								<span class="IH">小米插线板 </span>
								<span class="col">|</span>
								<span class="color">49元</i></span>
						</li>
						<li class="pro-item">
							<img src="images/product/icon006.jpg"/>
							<h3 class="pro-title">包装很让人感动，式样也很可爱，做出<br>的饭全家人都爱吃，超爱五星！手机控<br>制还是不太熟练，最主要是没有连接...</h3>
							<p class="pro-info"> 来自于 HZG 的评价 </p>
							<p class="pro-price">
								<span class="IH">米家压力IH电饭煲 </span>
								<span class="col">|</span>
								<span class="color">111元</i></span>
						</li>
					</ul>
				</div>
			</div>
			<!--内容-->
			<div class="page">
				<div class="star-top cf">
					<div class="star-title">内容</div>
				</div>
		
				<ul class="page-list cf">
					<!--内容第一个  == 图 书-->
					<li class="read-book">
						<!--图书箭头-->
							<div class="read-click">
								<p class="iconfont icon-zuoyoujiantou read-zuojian"></p>
								<p class="iconfont icon-you read-youjian"></p>
							</div>	
								
						<p class="read-title">图书</p>
						<div class="big-warp">
							<ul class="read-warp cf ">
								
								<li class="read-one">
									<p class="name">哈利·波特与被诅咒的孩子</p>
									<p class="read-info">“哈利·波特”第八个故事中文版震撼来<br>袭！特别彩排版剧本！ </p>
									<p class="read-price">29.37元</p>
									<img src="images/page/read01.png"/>
								</li>
								<li class="read-one">
									<p class="name">好吗好的</p>
									<p class="read-info">“哈利·波特”第八个故事中文版震撼来<br>袭！特别彩排版剧本！ </p>
									<p class="read-price">29.37元</p>
									<img src="images/page/read02.png"/>
								</li>
								<li class="read-one">
									<p class="name">好吗好的</p>
									<p class="read-info">“哈利·波特”第八个故事中文版震撼来<br>袭！特别彩排版剧本！ </p>
									<p class="read-price">29.37元</p>
									<img src="images/page/read02.png"/>
								</li>
							</ul>
						</div>
						<ul class="read-list">
							<li class="cur"></li>
							<li></li>
							<li></li>
						</ul>
						
					</li>
					<!--MIUI主题-->
					<li class="MI-book">
						<!--图书箭头-->
						<div class="read-click">
								<p class="iconfont icon-zuoyoujiantou read-zuojian"></p>
								<p class="iconfont icon-you read-youjian"></p>
						</div>
						
						<p class="MI-title">MIUI主题</p>
						<div class="big-warp">
							<ul class="read-warp cf">
								<li class="read-one">
									<p class="name">哈利·波特与被诅咒的孩子</p>
									<p class="read-info">“哈利·波特”第八个故事中文版震撼来<br>袭！特别彩排版剧本！ </p>
									<p class="read-price">29.37元</p>
									<img src="images/page/001.png"/>
								</li>
								<li class="read-one">
									<p class="name">好吗好的</p>
									<p class="read-info">“哈利·波特”第八个故事中文版震撼来<br>袭！特别彩排版剧本！ </p>
									<p class="read-price">29.37元</p>
									<img src="images/page/read02.png"/>
								</li>
								<li class="read-one">
									<p class="name">好吗好的</p>
									<p class="read-info">“哈利·波特”第八个故事中文版震撼来<br>袭！特别彩排版剧本！ </p>
									<p class="read-price">29.37元</p>
									<img src="images/page/001.png"/>   
								</li>
							</ul>
						</div>
						<ul class="read-list">
							<li class="cur"></li>
							<li></li>
							<li></li>
						</ul>
					</li>
					<!--游戏-->
					<li class="game-book">
						<!--图书箭头-->
						<div class="read-click">
								<p class="iconfont icon-zuoyoujiantou read-zuojian"></p>
								<p class="iconfont icon-you read-youjian"></p>
						</div>
						
						<p class="game-title">游戏</p>
						<div class="big-warp">
							<ul class="read-warp cf">
								<li class="read-one">
									<p class="name">哈利·波特与被诅咒的孩子</p>
									<p class="read-info">“哈利·波特”第八个故事中文版震撼来<br>袭！特别彩排版剧本！ </p>
									<p class="read-price">29.37元</p>
									<img src="images/page/002.png"/>
								</li>
								<li class="read-one">
									<p class="name">好吗好的</p>
									<p class="read-info">“哈利·波特”第八个故事中文版震撼来<br>袭！特别彩排版剧本！ </p>
									<p class="read-price">29.37元</p>
									<img src="images/page/read02.png"/>
								</li>
								<li class="read-one">
									<p class="name">好吗好的</p>
									<p class="read-info">“哈利·波特”第八个故事中文版震撼来<br>袭！特别彩排版剧本！ </p>
									<p class="read-price">29.37元</p>
									<img src="images/page/001.png"/>   
								</li>
							</ul>
						</div>
						<ul class="read-list">
							<li class="cur"></li>
							<li></li>
							<li></li>
						</ul>
					</li>
					<!--应用-->
					<li class="yy-book">
						<!--图书箭头-->
						<div class="read-click">
								<p class="iconfont icon-zuoyoujiantou read-zuojian"></p>
								<p class="iconfont icon-you read-youjian"></p>
						</div>
						
						<p class="yy-title">应用</p>
						<div class="big-warp">
							<ul class="read-warp cf">
								<li class="read-one">
									<p class="name">哈利·波特与被诅咒的孩子</p>
									<p class="read-info">“哈利·波特”第八个故事中文版震撼来<br>袭！特别彩排版剧本！ </p>
									<p class="read-price">29.37元</p>
									<img src="images/page/003.png"/>
								</li>
								<li class="read-one">
									<p class="name">好吗好的</p>
									<p class="read-info">“哈利·波特”第八个故事中文版震撼来<br>袭！特别彩排版剧本！ </p>
									<p class="read-price">29.37元</p>
									<img src="images/page/001.png"/>
								</li>
								<li class="read-one">
									<p class="name">好吗好的</p>
									<p class="read-info">“哈利·波特”第八个故事中文版震撼来<br>袭！特别彩排版剧本！ </p>
									<p class="read-price">29.37元</p>
									<img src="images/page/002.png"/>   
							
								</li>
							</ul>
						</div>
						<ul class="read-list">
							<li class="cur"></li>
							<li></li>
							<li></li>
						</ul>
					</li>
				</ul>	
			</div>
			
			<!--视频-->
			<div class="video">
				<div class="star-top cf">
					<div class="star-title">视频</div>
					<div class="look-all">
						<a href="#">查看全部<i class="iconfont icon-quxiaji lookjiantou"></i></a>
					</div>
				</div>
				<!--主视频内容-->
				<div class="video-main cf">
					<ul>
							<li class="leijun">
									<div>
										<a href="#"><img src="images/show-video/video001.jpg"/>
										<span class="iconfont icon-shipinbofang bofang"></span></a>
									</div>
									<p class="tarke"><a href="#">雷军与斯塔克打造全面屏2.0</a></p>
									<p class="talk">一场关于小米MIX 2 极致工艺的巅峰对话</p>
							</li>
							<li class="leijun">
									<div>
										<a href="#"><img src="images/show-video/video002.jpg"/>
										<span class="iconfont icon-shipinbofang bofang"></span></a>
									</div>
									<p class="tarke"><a href="#">雷军与斯塔克打造全面屏2.0</a></p>
									<p class="talk">一场关于小米MIX 2 极致工艺的巅峰对话</p>
							</li>
							<li class="leijun">
									<div>
										<a href="#"><img src="images/show-video/video003.jpg"/>
										<span class="iconfont icon-shipinbofang bofang"></span></a>
									</div>
									<p class="tarke"><a href="#">雷军与斯塔克打造全面屏2.0</a></p>
									<p class="talk">一场关于小米MIX 2 极致工艺的巅峰对话</p>
							</li>
							<li class="leijun">
									<div>
										<a href="#"><img src="images/show-video/video004.jpg"/>
										<span class="iconfont icon-shipinbofang bofang"></span></a>
									</div>
									<p class="tarke"><a href="#">雷军与斯塔克打造全面屏2.0</a></p>
									<p class="talk">一场关于小米MIX 2 极致工艺的巅峰对话</p>
							</li>
					</ul>
				</div>
			
			</div>
		</div>
		<!--脚-->
		<div class="mi-foot cf">
			<div class="foot-five">
				<ul class="five-list">
					<li> <a href="#"><i class="iconfont icon-banshou001 banshou"></i>&nbsp;预约维修服务</a></li>
					<li> <a href="#"><i class="iconfont icon-icon1460357632931 day"></i>&nbsp;7天无理由退货</a></li>
					<li><a href="#"><i class="iconfont icon-tian1 day-five"></i>&nbsp;15天免费换货</a></li>
					<li><a href="#"><i class="iconfont icon-gift-box gift"></i>&nbsp;满150元包邮</a></li>
					<li><a href="#"><i class="iconfont icon-map-copy map"></i>&nbsp;520余家售后网点</a></li>
				</ul>
			</div>
			<div class="foot-info">
				<div class="foot-left">
					<dl class="foot-dl">
						<dt>帮助中心</dt>
						<dd><a href="#">账户管理</a></dd>
						<dd><a href="#">购物指南</a></dd>
						<dd><a href="#">订单操作</a></dd>
					</dl>
					<dl class="foot-dl">
						<dt>服务支持</dt>
						<dd><a href="#">售后政策</a></dd>
						<dd><a href="#">自助服务</a></dd>
						<dd><a href="#">订单操作</a></dd>
					</dl>	
					<dl class="foot-dl">
						<dt>线下门店</dt>
						<dd><a href="#">账户管理</a></dd>
						<dd><a href="#">购物指南</a></dd>
						<dd><a href="#">订单操作</a></dd>
					</dl>	
					<dl class="foot-dl">
						<dt>关于小米</dt>
						<dd><a href="#">账户管理</a></dd>
						<dd><a href="#">购物指南</a></dd>
						<dd><a href="#">订单操作</a></dd>
					</dl>	
					<dl class="foot-dl">
						<dt>关注我们</dt>
						<dd><a href="#">账户管理</a></dd>
						<dd><a href="#">购物指南</a></dd>
						<dd><a href="#">订单操作</a></dd>
					</dl>	
					<dl class="foot-dl">
						<dt>特色服务</dt>
						<dd><a href="#">账户管理</a></dd>
						<dd><a href="#">购物指南</a></dd>
						<dd><a href="#">订单操作</a></dd>
					</dl>	
				</div>
				<div class="foot-right">
					<p class="tel">400-100-5678</p>
					<p class="time">周一至周日 8:00-18:00<br>（仅收市话费）</p>
					<p class="kefu"> 24小时在线客服</p>
				</div>
			</div>
		</div>
		<!--最下方logo-->
		<div class="last-foot cf">
			<div class="middle-foot">
				<img src="images/show-video/logo-footer.png"/>
				<div class="foot-all">
					<div class="foot-nav">
						<a href="#">小米商城</a>
						<span class="var">|</span>
						<a href="#">MIUI</a>
						<span class="var">|</span>
						<a href="#">米聊</a>
						<span class="var">|</span>
						<a href="#">多看书城</a>
						<span class="var">|</span>
						<a href="#">小米路由器</a>
						<span class="var">|</span>
						<a href="#">视频电话</a>
						<span class="var">|</span>
						<a href="#">小米天猫店</a>
						<span class="var">|</span>
						<a href="#">小米淘宝直营店</a>
						<span class="var">|</span>
						<a href="#">小米网盟</a>
						<span class="var">|</span>
						<a href="#">小米移动</a>
						<span class="var">|</span>
						<a href="#">隐私政策</a>
						<span class="var">|</span>
						<a href="#">Select Refion</a>
					</div>	
				
					<div class="foot-link">
						<a href="#">&copy;mi.com</a> 京ICP证110507号 
						<a href="#">京ICP备10046444号</a>京公网安备11010802020134号 
						<a href="#">京网文[2014]0059-0009号</a> <br>
						 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
					</div>
				</div>
				<div class="foot-img">
						<img src="images/foot/truste.png"/>
						<img src="images/foot/v-logo-1.png"/>
						<img src="images/foot/v-logo-2.png"/>
						<img src="images/foot/v-logo-3.png"/>
				</div>
			</div>
				<p class="logo-pic"><img src="images/foot/slogan2016.png"/></p>
			
		</div>
		 <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
		<script src="mi.js"></script>
		<script src="jq.js"></script>
	</body>
</html>
